@extends('layout.home.index')
@section('title')
数码-积分兑换
@stop

@section('content')
	<head>
		<link href="/home/css/seastyle.css" rel="stylesheet" type="text/css" />
		<script type="/home/text/javascript" src="basic/js/jquery-1.7.min.js"></script>
		<script type="/home/text/javascript" src="js/script.js"></script>
	</head>
	<body>


					<div class="am-g am-g-fixed">
						<div class="am-u-sm-12 am-u-md-12">
	                  	<div class="theme-popover">														
							<div class="searchAbout">
								<span class="font-pale">欢迎来到积分兑换页面</span>
							</div>
							<ul class="select">
								<p class="title font-normal">尊敬的用户:
									<span class="fl" style="color:#888888">{{ $username or '' }}</span>
									<span class="total fl">您当前积分为:<strong class="num" style="color:#FF4400">{{ $score }}</strong></span>
								</p>
								<div class="clear"></div>
								<li class="select-result">
									<dl>
										<dt>已选</dt>
										<dd class="select-no"></dd>
										<p class="eliminateCriteria">清除</p>
									</dl>
								</li>				        
							</ul>
							<div class="clear"></div>
                        </div>
							<div class="search-content">
								<div class="sort">
									<li class="first"><a title="综合">积分抽奖</a></li>
									<li><a >大转盘</a></li>
									<li><a >跑马灯</a></li>
									<li class="big"><a>随机抽取</a></li>
								</div>
								<div class="clear"></div>

								<ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-4 boxes">
									@foreach($data as $k => $v)
									<li>
										<div class="i-pic limit">
											<img src="/web/images/{{ $v['integral_pic'] }}" />											
											<p class="title fl">{{ $v['integral_name'] }} {{ $v['integral_description'] }}</p>
											<p class="price fl">
												<b>积分</b>
												<strong>{{ $v['integral_price'] }}</strong>
											</p>
											@if($v['integral_status'] < 4)
											<p class="number fl"  style="color:#B299B2;">
												商品数量<span  style="color:red;">{{ $v['integral_status'] }}</span>/{{ $v['integral_amount'] }}
											</p>
											@else
											<p class="number fl"  style="color:#B299B2;">
												商品数量<span>{{ $v['integral_status'] }}</span>/{{ $v['integral_amount'] }}
											</p>
											@endif
										</div>
									</li>
									@endforeach
								</ul>
							</div>
							<div class="search-side">

								<div class="side-title">
									经典搭配
								</div>

								<li>
									<div class="i-pic check">
										<img src="/home/images/cp.jpg" />
										<p class="check-title">萨拉米 1+1小鸡腿</p>
										<p class="price fl">
											<b>¥</b>
											<strong>29.90</strong>
										</p>
										<p class="number fl">
											销量<span>1110</span>
										</p>
									</div>
								</li>
								<li>
									<div class="i-pic check">
										<img src="/home/images/cp2.jpg" />
										<p class="check-title">ZEK 原味海苔</p>
										<p class="price fl">
											<b>¥</b>
											<strong>8.90</strong>
										</p>
										<p class="number fl">
											销量<span>1110</span>
										</p>
									</div>
								</li>
							</div>
							<div class="clear"></div>
							<!--分页 -->
							<ul class="am-pagination am-pagination-right">
								<li class="am-disabled"><a href="#">&laquo;</a></li>
								<li class="am-active"><a href="#">1</a></li>
								<li><a href="#">2</a></li>
								<li><a href="#">3</a></li>
								<li><a href="#">4</a></li>
								<li><a href="#">5</a></li>
								<li><a href="#">&raquo;</a></li>
							</ul>

						</div>
					</div>

				</div>

			</div>

		<!--引导 -->
		<div class="navCir">
			<li><a href="home.html"><i class="am-icon-home "></i>首页</a></li>
			<li><a href="sort.html"><i class="am-icon-list"></i>分类</a></li>
			<li><a href="shopcart.html"><i class="am-icon-shopping-basket"></i>购物车</a></li>	
			<li><a href="person/index.html"><i class="am-icon-user"></i>我的</a></li>					
		</div>

		<!--菜单 -->

		<script>
			window.jQuery || document.write('<script src="/home/basic/js/jquery-1.9.min.js"><\/script>');
		</script>
		<script type="text/javascript" src="/home/basic/js/quick_links.js"></script>

<div class="theme-popover-mask"></div>

	</body>
@endsection